import React, { PureComponent } from 'react';
import {
    View,
    Text,
    StyleSheet
} from 'react-native'

import Style from '../utils/style/style'
export default class SerialsItem extends PureComponent {
    constructor(props) {
        super(props)
    }
    render() {
        return (
            <View style={styles.container}>
                <View style={[styles.cell, this.props.noBorder ? styles.noBorder : '']}>
                    <Text style={styles.value}>{this.props.value}</Text>
                </View>
            </View>
        )
    }
}

const styles = StyleSheet.create({
    container: {
        width: Style.width,
        height: 39,
        justifyContent: 'center'
    },
    cell: {
        marginLeft: 10,
        flex: 1,
        borderStyle: 'solid',
        borderColor: '#e5e5e5',
        borderBottomWidth: 1,
        flexDirection: 'row',
        alignItems: 'center'
    },
    noBorder: {
        borderBottomWidth: 0,
    },
    value: {
        fontSize: 17,
        color: '#000'
    }
})